Search

今天學到兩個有趣、有用的 javascript 知識點(原諒我這個後端工程師看到這種有趣的特性的興奮...

  • Share this:

今天學到兩個有趣、有用的 javascript 知識點(原諒我這個後端工程師看到這種有趣的特性的興奮感)

1. 用個 hashmap 來取值並直接當物件的 key/property 取值用,如第一張圖的 queryParams.ref_data[refDataMap[cal_type]]

如果 cal_type 是 M, 那拿到的就是
queryParams.ref_data.market_dt

在 C# 之類的靜態語言就得用 reflection 搞的概念。

2. 用 spread operator 攤開某個 value 的內容。

如圖2的 ...cal_type_map[cal_type], 如果 cal_type 是 T, 就會把這個物件多一個 key/value pair (或是 property 的概念), 例如 can_trans : Y

這兩張圖也是為了 show 一下,我們把一堆重複的代碼抽成小而美的 function 來組合實現原本那一大坨的流程,並去除抽象來看重複的部份。

其實看最終代碼真的沒啥,但體會中間用極速開發的過程重構那一大段 N 個螢幕才放得進去的 code, 六個人輪流 pair 重構,不斷把之前的code整理、抽變數/方法/參數,看到判斷式也是重複的、處理也是重複的,不斷消掉 if/else 裡面的 block, 再消掉 if/elseif 的 condition, 那才是一個爽!

這是 coaching 這個團隊第三天的產出,這三天經歷了我人生的第一個 node.js, jest test, 產品代碼跟測試代碼都重構,第一個 mongoDB 的整合測試。

其實用對方式,對的人,有主管支持,團隊可以一起做決定,可以一起變強,可以打從心裡想改善的。

#程式碼片段分享已取得客戶主管同意
#javascript有趣!

#那堆precondition我也想用wrapper幹掉


Tags:

About author
我是 Joey Chen,闖蕩江湖的稱號是 91,熱血點火師,專門燃起大家心裡面的熱情與初衷。 目前為 Odd-e Taiwan 的負責人,同時也是 JetBrains 在台灣的培訓夥伴,至今也仍是熱愛學習與享受各種程式語言之美的 programmer。 身為敏捷教練,擅長 Agile、Scrum、LeSS 等敏捷文化與協作框架的落實與導入,如何讓大家 being agile 而不是 doing agile。同時喜歡結合各家所長,例如 Lean, Kanban 等,重點是持續改善、解決問題、端出成果,而不執著於某種特定方法論或框架。 身為技術教練,我也是極限編程(extreme programming)的狂熱者,我擅長用這些技術與工程實踐來提昇產品的品質、團隊的生產力、降低營運風險,因應市場與公司的商業目標,讓團隊能具有高適應與反應能力的基礎建設。例如 實例化需求、ATDD、BDD、TDD、重構、自動化單元測試/整合測試/驗收測試、CI/CD、code review、pair programming、mob-programming 等等。 同時,我也是推崇 極速開發 的 developer,追求從想法到產品程式碼的完成,中間的時間差能趨近於零,也就是劍隨心轉,想到哪,程式碼就長到哪的境界。從想法到實現中間的等待,其實在實務上佔了很大的 context switch 成本,如果能讓這段時間縮到最短,就能比其他人多嘗試更多種解決方案,進而挑選出最剛好的方案。 同時也是技術社群的活躍份子,從 2010 年開始連任九屆的微軟 MVP,兼任 MSDN 論壇板主,也曾經獲得年度 MSDN 文件庫刊登數量世界第一的榮耀。對微軟技術有愛,對 C# 有愛,對自動測試有愛,對重構與設計模式有愛。近年來對 Java, PHP, Python 也充滿濃厚的興趣,曾帶領客戶團隊中不會寫程式的 QA ,一起用 Python 完成超過百個 mobile UI 自動化測試。 擁有超過十年擔任開發團隊 tech leader, trainer, coach 與 mentor 的經驗,進行的企業內部與公開技術培訓課程已超過 100 場,培訓過的開發人員超過 1000 位,擔任研討會與社群活動的講師次數超過 30 次。 同時也是技術書籍的作者與譯者,與朋友合著的書籍包含《ASP.NET MVC 5:網站開發美學》、《ASP.NET MVC 4 網站開發美學》,翻譯的書籍有《單元測試的藝術-第二版》、《敏捷開發實踐》、《進入IT產業必讀的200個 .NET面試決勝題》。 如果想跟我即時互動,歡迎直接私訊或 email 至 [email protected]
請參考:https://tdd.best/about/
View all posts